<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>新增 input 类型</title>
  </head>
  <body>
    <ul>
      <li>数量: <input type="number" /></li>
      <li>手机号码: <input type="tel" /></li>
      <li>搜索: <input type="search" placeholder="请输入搜索内容..." /></li>

      <li>邮箱: <input type="email" /></li>
      <li>网址: <input type="url" /></li>
      <li>日期: <input type="date" /></li>
      <li>时间: <input type="time" /></li>
      <li>月份: <input type="month" /></li>
      <li>星期: <input type="week" /></li>

      <li>颜色: <input type="color" /></li>
    </ul>
    <div>
      <button>点我啊</button>
    </div>
  </body>
</html>
